<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>留言详情</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<meta content="yes" name="apple-mobile-web-app-capable" />
	<meta content="black" name="apple-mobile-web-app-status-bar-style" />
	<meta content="telephone=no" name="format-detection" />

	<!-- 引入核心样式 -->
    <link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
	<link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">

	<!--当前页面的css-->
	<link href="../../css/liuyan.css" rel="stylesheet" />

	<!-- 引入核心JS -->
	<script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/index.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
	<script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript" ></script>
	<style>
		.clearfix:after,
		.clearfix:before {
			display: table;
			/*创建匿名的表格单元，触发bfc*/
		}

		.clearfix:after {
			clear: both;
			/*清除浮动*/
		}

		.clearfix {
			zoom: 1;
			/*为IE6，7的兼容性设置*/
		}

		#liuyan {
			padding-bottom: 1rem;
		}

		.linkbox {
			padding: 0 0.5rem;
		}

		.linkbox li {
			margin-top: 0.5rem;
		}

		.linkbox li img {
			width: 2rem;
			height: 2rem;
			float: left;
			display: inline-block;
			border: 1px solid #CCCCCC;
		}

		.linkbox li .word {
			width: 6.8rem;
			float: right;
			display: inline-block;
			font-size: 0.4rem;
			line-height: 2rem;
			color: #FF6600;
		}

		.telbutton {
			margin: 0 auto;
			width: 6rem;
			height: 1rem;
			background: #FF6600;
			color: #fff;
			text-align: center;
			line-height: 1rem;
			color: #fff;
			border-radius: 5px;
			font-size: 0.4rem;
			display: block;
		}
	</style>
</head>

<body id="liuyan">
	<div id="app">
		<div class="linkbox">
			<ul v-if="details.link_object">
				<li>
					<a href="javascript:;">
						<img :src="details.link_object.head_img" />
						<div class="word">{{details.link_object.name}}</div>
						<div class="clearfix"></div>
					</a>
				</li>
			</ul>
		</div>
		<section>
			<form>
				<div class="liuyan-box">
					<div class="liuyan-group">
						<label>留言来源</label>
						<input disabled="disabled" type="text" class="name" v-if="details.type == 1" value="设备" />
						<input disabled="disabled" type="text" class="name" v-if="details.type == 2" value="印厂" />
						<input disabled="disabled" type="text" class="name" v-if="details.type == 3" value="求购" />
						<input disabled="disabled" type="text" class="name" v-if="details.type == 4" value="供应" />
					</div>
					<div class="liuyan-group">
						<label>姓名</label>
						<input disabled="disabled" type="text" class="name" :value="details.name" />
					</div>
					<div class="liuyan-group">
						<label>联系方式</label>
						<input disabled="disabled" type="tel" class="phone" :value="details.mobile" />
					</div>
					<div class="liuyan-group">
						<label>地址</label>
						<input disabled="disabled" type="text" class="address" :value="details.address" />
					</div>
					<div class="liuyan-group">
						<label>单位</label>
						<input disabled="disabled" type="text" class="workaddress" :value="details.company">
					</div>
					<div class="liuyan-group" style="height: auto;">
						<label>留言内容</label>
						<!--<input type="text" class="liuyantxt" placeholder="请输入留言内容"/>-->
						<textarea disabled="disabled" class="liuyantxt" name="liuyantxt" cols=",50" rows="5" wrap="soft" :value="details.message"></textarea>
					</div>
				</div>
			</form>
		</section>
		<a class="telbutton" @click="toMobile(details.mobile)" href="javascript:;">立即拨打电话</a>
		<!---->
	</div>
	<script src="../../js/mymessagedetails.js"></script>

</body>

</html>